body{
    overflow-x: hidden;
    /* overflow-y: hidden; */
    height: 100%;
}
.f-c-c{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.h100{
    height: 100%;
}
.h100vh{
    height: 100vh;
}
.green{
    width: 28px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color:#13c2c2;
    background-color: #e6fffb;
    border-color: #87e8de;
    padding: 0 10px;
    font-size: 14px;
}
.red{
    width: 28px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color:#f5222d;
    background-color: #fff1f0;
    border-color: #ffa39e;
    padding: 0 10px;
    font-size: 14px;
}
.transitionAll{
    transition: all .3s;
}
.iconCommon{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.siderCss{
    flex: 0 0 200px;
    max-width: 200px;
    width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}
.boxShadow{
    box-shadow: 1px 1px 10px #ccc;
}
.overY{
    overflow-y: auto;
}
.mar0{
    margin: 0 auto;
}
.menuCss{
    width: 24px;
    height: 20px;
    color:#13c2c2;
    background-color:#e6fffb;
    border-color:#87e8de;
    padding: 7px;
}
.btnCss{
    width: 24px;
    height: 20px;
    color: #eb2f96;
    background-color: #fff0f6;
    border-color: #ffadd2;
    padding: 7px;
}


